.MyFootmark {
    .allManage {
        border: 1px solid $border-color;
        padding: 10px 20px;
        cursor: pointer;

        &:hover {
            background-color: $theme-rgba-2;
        }
    }

    .main {
        @include marginCenter(70%);

        .list {
            width: 100%;

            .item {
                margin-bottom: 15px;

                .date {
                    font-size: 25px;
                    font-weight: bold;
                    color: $theme-color;
                    @include flex-between;

                    .num {
                        width: 12%;
                    }

                    .line {
                        flex: 1;
                        height: 40px;
                        background-color: $theme-color;
                        clip-path: inset(19.5px 0px 19.5px 0px round 3px);
                    }

                    span {
                        color: #000;
                        display: inline-block;
                        font-size: 16px;
                        cursor: pointer;
                        margin-right: 15px;

                        &:hover {
                            color: $theme-color;

                        }
                    }
                }

                .content {
                    display: flex;
                    flex-wrap: wrap;

                    .content-item {
                        width: 20%;
                        height: 200px;
                        padding: 0 15px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;

                        .img {
                            position: relative;
                            height: 80%;
                            width: 100%;
                            cursor: pointer;
                            img {
                                width: 100%;
                                height: 100%;
                            }

                            .manage {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background-color: rgba(0, 0, 0, .2);

                                &>div {
                                    cursor: pointer;
                                    border: 2px solid rgba(255,255,255,.8);
                                    position: absolute;
                                    right: 5px;
                                    top: 5px;
                                    color: rgba(255,255,255,.8);
                                    padding: 5px;

                                    i {
                                        font-size: 22px;
                                    }

                                    &:hover {
                                        background-color: $theme-color;
                                        border: 2px solid $theme-color;
                                        color: #fff;
                                    }
                                }
                            }
                        }


                        p {
                            color: $des-color;
                            height: 10%;
                            cursor: pointer;

                            &:hover {
                                color: $theme-color;
                            }
                        }

                    }
                }
            }
        }
    }
}